<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>PictureSlides - Photo slideshows and galleries - DOMAssistant plugin</title>
	<style type="text/css">
		@import url("css/pictureslides.css");
	</style>
	<!--[if lt IE 7]>
		<link rel="stylesheet" href="css/ie.css" type="text/css">
	<![endif]-->
</head>

<body>
	
	<div id="container">
		<div id="inner-container">
			<div id="main-content">
				<h1>PictureSlides</h1>
				
				<h2>What is PictureSlides?</h2>
				<p>PictureSlides is a plugin that works with <a href="http://www.domassistant.com/">DOMAssistant</a> or <a href="http://jquery.com/">jQuery</a>, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc.</p>
				
				<h2>Demos</h2>
				<p>Try out one of the demos, where you can download fully functional examples and customize them to your needs.</p>
				<ul>
					<li>
						<p>
							<a href="demo-packages/gallery/index.html">Picture gallery (DOMAssistant)</a><br>
							<a href="demo-packages/jquery-demos/gallery/index.html">Picture gallery (jQuery)</a>
						</p>
					</li>
					<li>
						<p>
							<a href="demo-packages/slideshow-only/index.html">Slideshow only and autoplay (DOMAssistant)</a><br>
							<a href="demo-packages/jquery-demos/slideshow-only/index.html">Slideshow only and autoplay (jQuery)</a>
						</p>
					</li>
					<li>
						<p>
							<a href="demo-packages/large-image-with-navigation-links/index.html">Large image with navigation links (DOMAssistant)</a><br>
							<a href="demo-packages/jquery-demos/large-image-with-navigation-links/index.html">Large image with navigation links (jQuery)</a>
						</p>
					</li>
				</ul>
				
				<p><a href="demo-packages/gallery/index.html"><img src="images/picture-slides-example.png" alt="An example image of PictureSlides" class="example-image"></a></p>
				
				<h2>Copyright</h2>
				<p>PictureSlides is released under a <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a></p>
			</div>
			
			<div id="navigation">
				<h3>Downloads</h3>
				<ul>
					<li><a href="http://code.google.com/p/pictureslides/downloads/list">Download PictureSlides</a></li>
					<li><a href="http://code.google.com/p/domassistant/downloads/list">Download DOMAssistant (Complete or Compressed version)</a></li>
					<li><a href="http://code.google.com/p/jqueryjs/downloads/list">Download jQuery (Minified version suggested)</a></li>
				</ul>
				
				<h3>Documentation</h3>
				<ul>
					<li><a href="index.htm" class="selected">Introduction</a></li>
					<li><a href="guidelines.htm">Guidelines &amp; compliance</a></li>
					<li><a href="implementation.htm">Implementation</a></li>
				</ul>
				
				<h3>Demos</h3>
				<ul>
					<li><a href="demo-packages/gallery/index.html">Picture gallery</a></li>
					<li><a href="demo-packages/slideshow-only/index.html">Slideshow only and autoplay</a></li>
					<li><a href="demo-packages/large-image-with-navigation-links/index.html">Large image with navigation links</a></li>
				</ul>
				
				<h3>Contact</h3>
				<ul>
					<li><a href="http://www.robertnyman.com/about">Contact the author</a></li>
					<li><a href="http://code.google.com/p/pictureslides/issues/list">Report an issue</a></li>
				</ul>
			</div>			
		</div>
		
		<div id="footer">
			Created by Robert Nyman, <a href="http://www.robertnyman.com">http://www.robertnyman.com</a>
		</div>
		
	</div>
	
	<!-- Google Analytics code -->
	<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
	<script type="text/javascript">
		_uacct = "UA-56164-1";
		urchinTracker();
	</script>
	
	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	<!-- 
	var sc_project=593937; 
	var sc_partition=4; 
	var sc_security="175a1fec"; 
	//-->
	</script>
		
	<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c5.statcounter.com/counter.php?sc_project=593937&amp;java=0&amp;security=175a1fec" alt="free geoip" /></a></div></noscript>
	<!-- End of StatCounter Code -->
	
	
</body>
</html>